<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

  </head>
  <body>
        <div id="fb-root"></div>
        <script type="text/javascript">

            $(document).ready(function() {

                $("#txtNombre").keyup(function()
                {
                    txtBusco = $(this).val().toLowerCase().replace(/^\s+/,"");

                    if (txtBusco.length == 0)
                    {
                        $("#divObjects span").parent().show();
                    }
                    else
                    {

                        $("#divObjects span[id^='spnBusco_'][name!='" + txtBusco + "']").parent().hide();
                        $("#divObjects span[id^='spnBusco_'][name*='" + txtBusco + "']").parent().show();

                    }

                });

            });

        </script>

        <input type="text" id="txtNombre" name="txtNombre"/><br>
        <div id="divObjects">

            <div id="div_0001" style="border: 1px solid #000">
                <span id="spnBusco_0001" name="lucas grzina">Lucas Grzina</span>
            </div>
            <div id="div_0002" style="border: 1px solid #000">
                <span id="spnBusco_0002" name="lucas muller">Lucas Muller</span>
            </div>
            <div id="div_0003" style="border: 1px solid #000">
                <span id="spnBusco_0003" name="ivan soff">Ivan Soff</span>
            </div>
            <div id="div_0004" style="border: 1px solid #000">
                <span id="spnBusco_0004" name="fede roiffe">Fede Roiffe</span>
            </div>


        </div>


  </body>
</html>
